<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link type="text/css" href="/css/start/jquery-ui-1.8.21.custom.css" rel="Stylesheet" />	
<link type="text/css" href="/css/1pxtable.css" rel="Stylesheet" />	
<script type="text/javascript" src="/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/js/jquery-ui-1.8.21.custom.min.js"></script>
<script>
	$(function() {
		$( "#visa_date" ).datepicker({ dateFormat: "yy-mm-dd"});
	});
</script>




<style type="text/css">
/*<![CDATA[ */


table, td
{
    border-color: #666;
    border-style: solid;
}
table, th
{
    border-color: #666;
    border-style: solid;
}

table
{
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

td
{
    margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
}
th
{
    margin: 0;
    padding: 8px;
    border-width: 1px 1px 0 0;
}

/* ]]> */
.ipt{
	width:200px;
	}
</style>

</head>

<body style="font-family:Arial, Helvetica, sans-serif">
<?php if(!$this->errorFlag){
 $mgr = unserialize(base64_decode($this->shopManager));
 echo $this->shop." ".$mgr?>
<form id="form1" name="form1" method="post" action="/roster/registration-done">
<table width="600" border="0" cellspacing="0" cellpadding="10">
  <tr>
    <td colspan="2"><h1 style="color:#069">Registration (Basic Information)</h1></td>
  </tr>
  <tr>
  	<td colspan="2" style='font-weight:bold; color:red;'>Please fill all the form with * </td>
  </tr>
  <tr>
    <td style="width:200px;">Your Email <span style="font-size:12px;">(Read Only Field)</span>:</td>
    <td>
      <label for="email_addr"></label>
      <input name="email_addr" type="text" class="ipt" id="email_addr" readonly="readonly" value="<?php echo $this->email;?>"/>
   </td>
  </tr>
  <tr>
    <td>Given Names<span style="font-size:14px; color:red;">*</span>:<br />
      <span style="font-size:12px;">[First Name &amp; Middle Name<br />
On The Passport / Driver's Liciense]</span></td>
    <td><input name="given_name" type="text" class="ipt" id="given_name" onkeyup="ischeck()" /></td>
  </tr>
  <tr>
    <td>Surname<span style="font-size:14px; color:red;">*</span>:<br />
      <span style="font-size:12px;">[Last Name 
      On The Passport /<br />
Driver's Liciense]</span></td>
    <td><input name="surname" type="text" class="ipt" id="surname" onkeyup="ischeck()" /></td>
  </tr>
  <tr>
    <td>Prefferred Name<span style="font-size:14px; color:red;">*</span>:<br />
<span style="font-size:12px;">[Nick Name,<br />
Do Not include in the Given Names]</span>
</td>
    <td><input name="pre_name" type="text" class="ipt" id="pre_name" onkeyup="ischeck()" /></td>
  </tr>
  <tr>
    <td>Date Of Birth<span style="font-size:14px; color:red;">*</span> :</td>
    <td>
      <select name="day" id="day">
          <option value="01">01</option>
          <option value="02">02</option>
          <option value="03">03</option>
          <option value="04">04</option>
          <option value="05">05</option>
          <option value="06">06</option>
          <option value="07">07</option>
          <option value="08">08</option>
          <option value="09">09</option>
          <option value="10">10</option>
          <option value="11">11</option>
          <option value="12">12</option>
          <option value="13">13</option>
          <option value="14">14</option>
          <option value="15">15</option>
          <option value="16">16</option>
          <option value="17">17</option>
          <option value="18">18</option>
          <option value="19">19</option>
          <option value="20">20</option>
          <option value="21">21</option>
          <option value="22">22</option>
          <option value="23">23</option>
          <option value="24">24</option>
          <option value="25">25</option>
          <option value="26">26</option>
          <option value="27">27</option>
          <option value="28">28</option>
          <option value="29">29</option>
          <option value="30">30</option>
          <option value="31">31</option>
        </select>
      /
      <select name="month" id="month">
          <option value="01">Jan.</option>
          <option value="02">Feb.</option>
          <option value="03">Mar.</option>
          <option value="04">Apr.</option>
          <option value="05">May</option>
          <option value="06">June</option>
          <option value="07">July</option>
          <option value="08">Aug.</option>
          <option value="09">Sept.</option>
          <option value="10">Oct.</option>
          <option value="11">Nov.</option>
          <option value="12">Dec.</option>
        </select>
/
<input type="text" name="year" id="year" style="width:50px;" onkeyup="ischeck()"/></td>
  </tr>
  <tr>
    <td>Gender<span style="font-size:14px; color:red;">*</span>:</td>
    <td>
      <select name="gender" id="gender">
        <option value="Male">Male</option>
        <option value="Female">Female</option>
      </select></td>
  </tr>
  <tr>
    <td>Address<span style="font-size:14px; color:red;">*</span>:</td>
    <td><label for="addr"></label>
      <textarea name="addr" id="addr" cols="50" rows="3" onkeyup="ischeck()"></textarea></td>
  </tr>
  <tr>
    <td>Suburb<span style="font-size:14px; color:red;">*</span>:</td>
    <td><input name="suburb" type="text" class="ipt" id="suburb" onkeyup="ischeck()"/></td>
  </tr>
  <tr>
    <td>State<span style="font-size:14px; color:red;">*</span>:</td>
    <td>
      <select name="state" id="state">
      	<option selected="selected" disabled>--Please Select --</option>
        <option value="VIC">VIC</option>
        <option value="SA">SA</option>
      </select></td>
  </tr>
  <tr>
    <td>Postcode<span style="font-size:14px; color:red;">*</span>:</td>
    <td><input name="post_code" type="text" class="ipt" id="post_code" onkeyup="ischeck()"/></td>
  </tr>
  <tr>
    <td>Mobile No.<span style="font-size:14px; color:red;">*</span>:</td>
    <td><input name="mobile_no" type="text" class="ipt" id="mobile_no" onkeyup="ischeck()"/></td>
  </tr>
  <tr>
    <td colspan="2" align="center">Optional Information</td>
    </tr>
  <tr>
    <td>Tax File No.(TFN):</td>
    <td><input name="tfn_no" type="text" class="ipt" id="tfn_no" /></td>
  </tr>
  <tr>
    <td colspan="2" align="left" style='font-weight:bold; color:red;'>Must be commonwealth bank account</td>
    </tr>
  <tr>
    <td>Bank Account BSB:</td>
    <td><input name="bank_bsb" type="text" class="ipt" id="bank_bsb" /></td>
  </tr>
  <tr>
    <td>Bank Account No.:</td>
    <td><input name="bank_acc_no" type="text" class="ipt" id="bank_acc_no" /></td>
  </tr>
  <tr>
    <td>Bank Account Name:</td>
    <td><input name="bank_acc_name" type="text" class="ipt" id="bank_acc_name" /></td>
  </tr>
  <tr>
    <td>Credit / Debit Card No.:</td>
    <td><input name="card_no" type="text" class="ipt" id="card_no" /></td>
  </tr>
  <tr>
    <td>Medicare Card No.:</td>
    <td><input name="medicare_no" type="text" class="ipt" id="medicare_no" /></td>
  </tr>
  <tr>
    <td>Student Card No.:</td>
    <td><input name="student_no" type="text" class="ipt" id="student_no" /></td>
  </tr>
  <tr>
    <td colspan="2"><input type="hidden" name="shop_manager" id="shop_manager" value="<?php echo $this->shopManager;?>" /><input type="hidden" name="shop" id="shop" value="<?php echo $this->shop;?>" /><?php echo $this->shopManager;?></td>
  </tr>
  <tr>
    <td colspan="2" align="left" style="font-size:13px;"><span style="font-size:14px; color:red;">*</span> Please Make Sure You Double Checked All Information Correct <br />
      <span style="font-size:14px; color:red;">*</span> You are required to privide documents to proof you are legally permitted to work in Australia<br />
      <span style="font-size:14px; color:red;">*</span> <b>For the maximum protection of your sensitive personal information, the information you provided will be stored after encryption, access by authorized person in a password protection page.You will not able to change it by yourself again.Again,please make sure all information are correct.<br />
      <span style="font-size:14px; color:red;">*</span> If you can not provide identification documents and optional information on the day of registration, Manager is request to call head office with in 7 days to provide them.
      </b></td>
    </tr>
  <tr>
    <td colspan="2" align="center" bgcolor="#CCCCCC"><strong>Staff Identification Documents , Must Be Filled In By Manager, <br />
      Not Staff him/her Self<br />
      ******************************************************************************************
          <br />
    The Original Document Must Be Present While Filling Information<br />
    You will Still Request to Provide Physical Copy Of All Necessary Documetns<br />
    ******************************************************************************************    </strong></td>
    </tr>
  <tr>
    <td bgcolor="#CCCCCC">Passport No.<span style="font-size:14px; color:red;">*</span>:</td>
    <td bgcolor="#CCCCCC"><input name="passport_no" type="text" class="ipt" id="passport_no" onkeyup="ischeck()"/></td>
  </tr>
  <tr>
    <td bgcolor="#CCCCCC">Driver's License No.<span style="font-size:14px; color:red;">*</span>:</td>
    <td bgcolor="#CCCCCC"><input name="driver_license" type="text" class="ipt" id="driver_license" onkeyup="ischeck()"/></td>
  </tr>
  <tr>
    <td bgcolor="#CCCCCC">Visa Type<span style="font-size:14px; color:red;">*</span>:</td>
    <td bgcolor="#CCCCCC"><select name="visa_type" id="visa_type" onclick="ischeck()">
      <option value="International Student">International Student</option>
      <option value="Working Holiday">Working Holiday</option>
      <option value="Permanent Residency">Permanent Residency</option>
      <option value="Australian Citizen Ship">Australian Citizen Ship</option>
      <option value="New Zealand Citien Ship">New Zealand Citizen Ship</option>
      <option value="Temporary Residency">Temporary Residency</option>
      <option value="Bridging Visa">Bridging Visa</option>
      <option value="Other">Other Visa With Work Permit</option>
    </select></td>
  </tr>
  <tr>
    <td bgcolor="#CCCCCC">Visa Expire Date<span style="font-size:14px; color:red;">*</span>:<br />
      <span style="font-size:12px;">[Tick &quot;Permanent&quot; if there is no expire date]</span></td>
      <td bgcolor="#CCCCCC"><input name="visa_date" type="text" class="ipt" id="visa_date" onchange = "ischeck()"/><input type= "checkbox" id = "permanent" name = "permanent" value="2099-01-01" onchange = "ischeck()">Permanent</input></td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="#CCCCCC"><strong>Pay Rate ,Must Be Filled In By Manager, Not Staff him/her Self</strong></td>
    </tr>
  <tr>
    <td rowspan="2" bgcolor="#CCCCCC">Pay Rate <span style="font-size:14px; color:red;">*</span>:</td>
    <td bgcolor="#CCCCCC"><input type="radio" name="rate" id="radio" value="normal" />
      <label for="rate"></label>
      Normal Rate</td>
  </tr>
  <tr>
    <td bgcolor="#CCCCCC"><input type="radio" name="rate" id="radio2" value="special" />
      Special Rate :$ 
        <label for="sp_rate"></label>
      <input type="text" name="sp_rate" id="sp_rate" /></td>
  </tr>   
 

  <tr>
    <td colspan="2" align="center"><br />
      <br /><input type="submit" name="btn_submit" id="btn_submit" value="Proceed To Setup Password  &gt; &gt;" disabled /></td>
  </tr>

</table>
 </form>
<?php }?> 
<script language ="javascript">  
	function ischeck(){

		var givenName = $("#given_name").val();
		var surName =  $("#surname").val();
		var addR =  $("#addr").val();
		var suburb =  $("#suburb").val();
		var postCode =  $("#post_code").val();
		var mobileNo =  $("#mobile_no").val();
		var passportNo =  $("#passport_no").val();
		var driverLicense =  $("#driver_license").val();
		var visaType = $("#visa_type").val();
		var year =  $("#year").val();
		var visa_date =  $("#visa_date").val();
		var myArray = addR.split(' ');
		var isNum = false;
		var checkNum = false;
		var photoCheck = false;
		var isCheck = false;

		/*for(var i = 0;i<myArray.length;i++){
			var check = isNaN(myArray[i]);
			if(check == false){
				isNum = true;
			}
		}*/

		if(passportNo.length > 1 && visa_date.length > 1 || visaType == 'Australian Citizen Ship' && driverLicense.length > 1 
				|| visaType == 'New Zealand Citien Ship' && driverLicense.length > 1 || passportNo.length > 1 && document.getElementById('permanent').checked){
				photoCheck = true;
				isCheck = true;
			}
			else{
				photoCheck = false;
				isCheck = false;
		}
		if(isNaN(mobileNo) == false && isNaN(postCode) == false){
				checkNum = true;
				isCheck = true;
		}
		

		if(givenName.length >= 2 && surName.length >= 2 &&  addR.length > 4  && suburb.length > 1 && postCode.length > 3 && postCode.length < 5 && mobileNo.length > 1
				   && year.length > 3 && year >= 1950 && photoCheck && checkNum){
			$("#btn_submit").prop('disabled', false);
			isCheck = true;
		}else{
			$("#btn_submit").prop('disabled', true);
			isCheck = false;
		}
			
	}

</script>
</body>

</html>




